require(["config"], function(config) {
	require(["jQuery", "startM", "ajax", "cook","page"], function(jq,startM, ajax, cook,page) {
		$("#fadetab>li").click(function(){
			$(this).addClass("current").siblings().removeClass("current");
			$(".cur_ol>li").eq($(this).index()).css("display","block").siblings().css("display","none");
		})
			$(function(){
						
				ajax.get("2.json",function(str){
					var obj1=JSON.parse(str);
					var id1 = ajax.query("id");
					var obj_xin = ajax.getObject(id1,obj1);
					$(".img1").attr("src","imgs/images/"+obj_xin.pic_img);
					$("#img2").attr("src",$(".img1").attr("src"));
					var arr=obj_xin.small_pic;
					var l=arr.length;
					//$(".img_list>.lunbo>ul").width(70*l);
					var uls=$("<ul></ul>");
					uls.width(70*l);
					for (var i in arr) {
						var lis=$("<li class='fangDa'><img src='imgs/images/"+arr[i]+"'></li>");
						//$(".img_list>.lunbo>ul").append(lis);
						uls.append(lis);
						
					}
					$(".img_list>.lunbo").append(uls);
					var p=$("<p>"+obj_xin.content+"</p><p>商品价格：<span>"+obj_xin.show_price+"</span></p><p>配送区域： 中国上海 卖家承担运费</p>");
					$(".right").append(p);
					var divs=$("<div><p class='colorList'><span>颜色：</span></p><p class='num'>数量：<input type='button' value='-'><input type='text' value='1' /><input type='button' value='+'><span>(库存：<i>50</i>件）</span></p><p class='btn'><input type='button' value='立即购买'><a>加入购物车</a></p></div>");
					$(".right").append(divs);
					var uls=$("<ul></ul>");
					uls.width(70*l);
					for (var i in arr) {
						var lis=$("<li class='fangDa'><img src='imgs/images/"+arr[i]+"'></li>");
						//$(".img_list>.lunbo>ul").append(lis);
						uls.append(lis);
						
					}
					$(".colorList").append(uls);
					$(".fangDa>img").mouseover(function(){
							$(".img1").attr("src","");
							$("#img2").attr("src","");
							$(".img1").attr("src",$(this).attr("src"));
							$("#img2").attr("src",$(".img1").attr("src"));
						})
					$(".num>input:eq(0)").click(function(){
						console.log(parseInt($(".num>input:eq(1)").val())+1);
						if(parseInt($(".num>input:eq(1)").val())<=0){
							$(".num>input:eq(1)").val(0);
						}else{$(".num>input:eq(1)").val(parseInt($(".num>input:eq(1)").val())-1);}
					});
					$(".num>input:eq(2)").click(function(){
						
						if(parseInt($(".num>input:eq(1)").val())==10){
							$(".num>input:eq(1)").val(10);
						
						}else{$(".num>input:eq(1)").val(parseInt($(".num>input:eq(1)").val())+1);}
					});
					$(".btn>input").click(function(){
						cook.setCookies("id",id1);
						cook.setCookies("num",parseInt($(".num>input:eq(1)").val()));
						location.href="cart.html";
					});
					$(".btn>a").click(function(){
						cook.setCookies("id",id1);
						cook.setCookies("num",parseInt($(".num>input:eq(1)").val()));
						$(".numbers").html(parseInt($(".numbers").html())+1);
					});
					/*介绍*/
					var arr_J=obj_xin.jieshao_pic;
					for (var j in arr_J) {
						var imgs=$("<img src='imgs/images/"+arr_J[j]+"'>");
						$(".cur_ol>li:eq(0)").append(imgs).css("display","block");
						imgs.css("margin-bottom","10px")
					}
				});
				$(".prev_btn").click(function(){
					if($(".img_list>.lunbo>ul").css("left","-70px")){
						$(".img_list>.lunbo>ul").css("left","");
						$(".img_list>.lunbo>ul").css("left","0px");
					}else if($(".img_list>.lunbo>ul").css("left","-140px")){
						$(".img_list>.lunbo>ul").css("left","");
						$(".img_list>.lunbo>ul").css("left","-70px");
					}else if($(".img_list>.lunbo>ul").css("left","-210px")){
						$(".img_list>.lunbo>ul").css("left","");
						$(".img_list>.lunbo>ul").css("left","-140px");
					}
					
				});
				$(".next_btn").click(function(){
					if($(".img_list>.lunbo>ul").css("left","0px")){
						$(".img_list>.lunbo>ul").css("left","");
						$(".img_list>.lunbo>ul").css("left","-70px");
					}else if($(".img_list>.lunbo>ul").css("left","-70px")){
						$(".img_list>.lunbo>ul").css("left","");
						$(".img_list>.lunbo>ul").css("left","-140px");
					}else if($(".img_list>.lunbo>ul").css("left","-140px")){
						$(".img_list>.lunbo>ul").css("left","");
						$(".img_list>.lunbo>ul").css("left","-210px");
					}
					
				});
				var pic = $(".pic");
				var glass = $("#glasss");
				var left = $(".left");
				var img2 = $("#img2");
				var big=$("#big");
				pic.mousemove( function(e){
					e = e || window.event;	
					var top = $(document).scrollTop();
					var _x = e.clientX - left.offset().left-100;
					var _y = e.clientY + top - left.offset().top-100;
					if( _x<=0 ){ _x = 0 }
					if( _y<=0 ){ _y = 0 }
					if( _x>=220 ){ _x = 220 }
					if( _y>=220 ){ _y = 220 }
					// 黄色的镜子
					glass.css("left" , _x + "px");
					glass.css("top" , _y + "px");
					// 大图片
					img2.css("left" , _x * -2 + "px");
					img2.css("top" , _y * -2 + "px");
				});
				pic.mouseout ( function(){
					big.css("display", "none");
					glass.css("display", "none");
				});
				pic.mouseover ( function(){
					big.css("display", "block");
					glass.css("display", "block");
				});
			});
		
	});
});
